{extend name="property/public/insidePageBase" /}
{block name="title"}用户详情{/block}
{block name="body"}
<div class="layuimini-container">
    <div class="layuimini-main">
        <div class="layui-form  layui-form-pane">
            <div class="layui-tab-item layui-show">
                <!--基本信息 add-->
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs6" >
                            <div class="layui-form-item"><label class="layui-form-label">所属部门</label>
                                <div class="layui-input-block">
                                    <input type="text"  value="{$info['full_group_name'] ?? ''}" disabled autocomplete="off" class="layui-input">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs4" >
                            <div class="layui-form-item">
                                <label class="layui-form-label">创建时间</label>
                                <div class="layui-input-block">
                                    <input type="text"  value="{$info['add_time'] ?? ''}" disabled autocomplete="off" class="layui-input">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item layui-form-text">
                        <label class="layui-form-label">备注说明</label>
                        <div class="layui-input-block">
                            <textarea placeholder="请输入备注说明" class="layui-textarea" disabled>{$info['remark']??''}</textarea>
                        </div>
                    </div>
                </div>


                <table class="layui-hide" id="propertyUserList" lay-filter="propertyUserList"></table>
                <script type="text/html" id="is-show-tpl">
                    <input type="checkbox" lay-skin="switch" value="{{ d.id }}" disabled  lay-filter="isShow" {{# if(d.is_show == 1) { }}checked{{# } }} lay-text="正常|禁用" />
                </script>
                <!--基本信息 end-->

                </div>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="js"}
{__block__}
<script>
    layui.use(['laydate','table','upload'], function () {
        var laydate = layui.laydate, table = layui.table,upload = layui.upload;
        let groupId = {$info['id']};
        // 角色列表 add
        var tableIdpropertyUser = 'propertyUserList';
        table.render({
            elem: '#'+tableIdpropertyUser,
            id:tableIdpropertyUser,
            url: '{:url("propertyUsersList")}?group_id='+groupId,
            toolbar: '#toolUserLog',
            cols: [[
                {field: 'username', width: 128, title: '用户姓名', sort: true},
                {field: 'account', width: 128, title: '登录账号', sort: true},
                {field: 'mobile', width: 128, title: '手机号', sort: true},
                {field: 'full_group_name', width: 188, title: '所属部门', sort: true},
                {field: 'add_time', width: 168, title: '创建时间', sort: true},
                {field: 'status', minWidth: 108, title: '账号状态', templet:'#is-show-tpl', sort: true, align: "center"},
            ]],
            limits: [10, 15, 20, 25, 50, 100],
            limit: 15,
            page: true,
            height: 'full-260'
        });
    });
</script>
{/block}